// Copyright (c) ppy Pty Ltd <contact@ppy.sh>. Licensed under the GNU Affero General Public License v3.0.
// See the LICENCE file in the repository root for full licence text.

.beatmap-discussions-header-bottom {
  .default-box-shadow();
  .inner-shadow-top();
  --gutter: @gutter-beatmapset;

  display: flex;
  padding: 0 var(--gutter);
  background-color: @osu-colour-b5;
  flex-direction: column;
  margin-bottom: @page-spacing;

  @media @desktop {
    --gutter: calc(@gutter-beatmapset-desktop - @gutter-small-desktop);
    flex-direction: row;
    align-items: stretch;
  }

  &__content {
    @media @desktop {
      flex: 1;
    }

    &--details {
      display: flex;
      margin: -5px;
      padding: 20px 10px 10px 0;
      flex-direction: column;

      @media @mobile {
        padding: 15px 5px 5px;
        align-self: center;
      }
    }

    &--nomination {
      margin-top: 10px;
      min-width: 0;

      @media @desktop {
        flex-basis: 30%;
      }
    }
  }

  &__details {
    margin: 5px;
    flex: none;
    display: flex;

    &--full {
      flex: 1;
    }
  }
}
